import { createRouter, createWebHistory } from "vue-router";
import Login from "../views/Login.vue";

const routes = [
  {
    path: '/login',
    name: 'Login',
    component: Login
  },
  {
    path: '/home',
    name: 'Home',
    component: () => import('../views/Home.vue'),// 这种方式在使用的时候才会加载组件，不使用的时候不加载，更优雅
    children: [
      {
        // 路径啥都不写就代表home，这时候得用query传参不能用params不然会冲突
        path: '',
        redirect: '/home/user'//重定向，如果浏览器来到/home路径则直接跳转到/home/user下面
      },
      {
        path: '/home/user',
        name: 'User',
        component: () => import('../views/User.vue')
      }
    ] 
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes: routes
})

export default router